<template>
  <div class="body-bg">
  <n-empty description="移动端建设中，请用电脑浏览器打开" class="--empty-ptb-40">
    <template #icon>
      <n-icon :size="40" color="#909399">
        <IconTutorial />
      </n-icon>
    </template>
  </n-empty>
  <div class="contor">参与建设请联系邮箱：3369746619@qq.com</div>
  
  </div>
 
</template>

<script lang='ts'>
import { defineComponent, onMounted } from 'vue'
import { useMessage } from 'naive-ui'
import { IconTutorial } from '@/icons'
import { useRouter } from 'vue-router'

export default defineComponent({
  name: 'MyError',
  components: {
    IconTutorial,
  },
  setup() {
    const nMessage = useMessage()
    const router = useRouter()
    onMounted(() => {
      // nMessage.warning('移动端建设中。。。')
       let flag = navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i)
       // 移动端处理
       if(flag == null ){
          router.push({
            name: 'MyCom'
          })
       }
    })
  },
})
</script>
<style>

.body-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow-y: auto;
}

.contor{
  color: #a1a3a6;
    margin-left: 14px
}

</style>
